<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>参考文案</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="__PUBLIC__/admin/css/bootstrap.min.css" rel="stylesheet">
        <link href="__PUBLIC__/admin/css/font-awesome.min.css" rel="stylesheet">
        <link href="__PUBLIC__/admin/css/toastr.min.css" rel="stylesheet">
        <script src="__PUBLIC__/admin/js/jquery.js"></script>
        <script src="__PUBLIC__/admin/js/lodash.min.js"></script>
        <script src="__PUBLIC__/admin/js/toastr.min.js"></script>
        <script src="__PUBLIC__/admin/js/handlebars.min.js"></script>
        <script src="__PUBLIC__/admin/js/knockout-min.js"></script>
        <script src="__PUBLIC__/admin/js/jquery.validate.min.js"></script>
        <script src="__PUBLIC__/admin/js/jquery.validate.unobtrusive.min.js"></script>
        <script src="__PUBLIC__/admin/js/bootstrap.min.js"></script>
        <script src="__PUBLIC__/admin/js/clipboard.min.js"></script>
        <script type="text/javascript" src="__PUBLIC__/admin/js/ZeroClipboard.js"></script>
        <script src="__PUBLIC__/admin/js/jquery-2.0.3.min.js"></script>
        <script>
            toastr.options.positionClass = 'toast-bottom-right';
        </script>
        <script src="__PUBLIC__/admin/js/admin.js"></script>

        <link rel="stylesheet" href="__PUBLIC__/admin/css/page_mp_article.css">
        <link rel="stylesheet" href="__PUBLIC__/admin/css/page_mp_article_improve_combo.css">
        <link rel="stylesheet" href="__PUBLIC__/admin/css/admin.css">
        <link rel="stylesheet" href="__PUBLIC__/admin/css/xx.css">
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/glyphicons-halflings-regular.css">

        <style type="text/css">
            #editor-bar .dropdown-menu {
                height: auto;
                max-height: 400px;
                overflow-x: hidden;
            }
            .modal{
                position: fixed;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0,0,0,.4);
                display: none;
                -webkit-box-pack: center;
                box-pack: center;
                -webkit-box-align: center;
                box-align: center;
            }
            .readMore_new{
                line-height: 30px;
                color: #333;
                font-size: 15px;
            }
            .sloider{
                margin: 20px 0;
                height: 1px;
                background: #ccc;
            }
            .page_read_all{
                display: block;
                margin: 0 auto;
                width: 100%;
                height: 44px;
                line-height: 44px;
                background-color: #e33328;
                color: #fff;
                text-align: center;
                font-size: 18px;
                letter-spacing: 1px;
                border-radius: 5px;
            }
        </style>
    </head>
    <body>
        <div class="rich_media">
            <div class="rich_media_area_primary">
                <!--<h1 id="wx-article-title" class="rich_media_title">瑜伽练的是出身形气质，读书看出身心气质</h1>-->
                <div class="rich_media_content">
                    <div id="wx-article-content">
                        <div id="content_body">
                            <div id="wx-article-cover">
                                <img style="width:100%;display:block;margin-bottom:20px;" src="https://ommdq027l.qnssl.com/58c57ca42a1fe.jpg" id="showimg">
                            </div>
                            <volist name="bookinfos" id="vs"> 
                                <div id="wx-article-body">
                                    <section style="box-sizing: border-box;">
                                        <section style="text-align:center;box-sizing: border-box;">
                                            <section style="display: inline-block; box-sizing: border-box; background-color: rgb(254, 254, 254);">
                                                <section style="display: inline-block; height: 30px; width: 10px; vertical-align: top; border-right-width: 10px; border-right-style: solid; border-right-color: rgb(255, 129, 36); box-sizing: border-box; border-top-width: 15px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important;"></section>
                                                <section style="display: inline-block; height: 30px; width: 10px; vertical-align: top; border-right-width: 10px; border-right-style: solid; border-right-color: rgb(254, 254, 254); margin-left: -8px; border-top-width: 15px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"></section>
                                                <section style="display: inline-block; height: 30px; width: 10px; vertical-align: top; border-right-width: 10px; border-right-style: solid; border-right-color: rgb(255, 129, 36); box-sizing: border-box; border-top-width: 15px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important;"></section>
                                                <section class="135brush" style="display: inline-block; vertical-align: top; height: 30px; line-height: 30px; padding-right: 0.5em; padding-left: 0.5em; color: rgb(255, 255, 255); box-sizing: border-box; background-color: rgb(255, 129, 36);text-align:left;"> {$vs.title2} </section>
                                                <section style="display: inline-block; height: 30px; width: 10px; vertical-align: top; border-left-width: 10px; border-left-style: solid; border-left-color: rgb(255, 129, 36); box-sizing: border-box; border-top-width: 15px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important;"></section>
                                                <section style="display: inline-block; height: 30px; width: 10px; vertical-align: top; border-left-width: 10px; border-left-style: solid; border-left-color: rgb(255, 129, 36); margin-left: 2px; box-sizing: border-box; border-top-width: 15px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important;" data-width="10px"></section>
                                                <section style="display: inline-block; height: 30px; width: 10px; vertical-align: top; border-left-width: 10px; border-left-style: solid; border-left-color: rgb(254, 254, 254); margin-left: -12px; border-top-width: 15px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 15px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"></section>
                                            </section>
                                        </section>
                                        <section style="border: 2px solid rgb(255, 129, 36); padding: 30px 15px 15px; margin-top: -16px; box-sizing: border-box;">
                                            {$vs.content}
                                        </section>
                                        <section style="margin-top: -20px; box-sizing: border-box;">
                                            <section style="border-color: transparent transparent rgb(255, 129, 36); border-style: solid; border-width: 10px; float: none; height: 0px; margin-top: -10px; margin-right: auto; margin-left: auto; width: 0px; box-sizing: border-box;" data-width="0px"></section>
                                            <section style="border-color: transparent transparent rgb(254, 254, 254); border-style: solid; border-width: 10px; height: 0px; margin-top: -18px; margin-right: auto; margin-left: auto; width: 0px; color: inherit; box-sizing: border-box;" data-width="0px"></section>
                                            <section style="border-color: transparent transparent rgb(255, 129, 36); border-style: solid; border-width: 10px; float: none; height: 0px; margin-top: -15px; margin-right: auto; margin-left: auto; width: 0px; box-sizing: border-box;" data-width="0px"><br>
                                            </section>
                                        </section>
                                    </section>
                                    <span>&nbsp;</span> </div>
                            </volist>
                        </div>
                    </div>
                    <div class="landing2 modal">
                        <div class="main">
                            <div class="txt">
                                <div class="follow-up pink" style="margin-top:20px">
                                    <h4 style="margin:5px auto;line-height:24px;width:80%">如无法自动下载APP，请手动复制链接到浏览器打开 即可下载!</h4>
                                    <p style="text-align:center;margin-top:15px">
                                        <b style="display:block;padding:5px 0;background-color:#EEE">http://zmspread.yangtaowoer.com/30344/2859/0/1</b>&nbsp;
                                        <button style="margin-top:10px" class="copy-btn" data-clipboard-text="http://zmspread.yangtaowoer.com/30344/2859/0/1" type="button">点此快速复制</button>
                                    </p>
                                </div>
                                <span class="close"></span>
                            </div>
                        </div>
                    </div>
                    <div class="readMore_new"><b>未完待续.....篇幅有限，后续剧情高潮不断！点击免费下载继续阅读</b></div>
                    <div class="sloider"></div>
                    <div onclick="next()" class="page_read_all"><b>点我免费下载继续阅读</b></div>
                </div>
            </div>
        </div>
        <!-- js复制内容 -->        
        <script type="text/javascript">
             var autoDown = "0";
            var u = navigator.userAgent;
            isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
            var channel;
            var Url;
            function next(){
                if(isIOS){
                     Url = "{$download['ios']}";
                     channel = 1;
                }else{
                     Url = "{$download['android']}";
                     channel = 2;
                }
                var posturl = "{:U('helloworld')}"
                var token = "{$token}"
                var id  = "{:I('get.id')}";
                console.log(id);
                $.post(posturl,{token:token,id:id,channel:channel},function(res){
//                    alert(res);
                    window.location.href = Url;
            })
            
        }
        </script>
       

    </body>
    </html>
